<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>登录</title>
   
    <link rel="stylesheet" href="__CDN__/assets/mobile/lib/layer/mobile/need/layer.css">
    <link rel="stylesheet" href="__CDN__/assets/mobile/common/base.css">
    <link rel="stylesheet" href="__CDN__/assets/mobile/css/login.css">

</head>
<body>
    <div class="login">
        <i class="go-back">
            <img src="__CDN__/assets/mobile/img/go-back.png" alt="">
        </i>
        <div class="login-top">
            <ul>
                <li class="{$show_register=='true' ? 'no-pitch' : 'pitch'}" @click="clickLogin()">登录</li>&nbsp;&nbsp;&nbsp;
                <li class="{$show_register=='true' ? 'pitch' : 'no-pitch'}" @click="clickRegister()">注册</li>
            </ul>
            <h1 class="login-title">任我赚</h1>
        </div>
        <ul class="form">
            <li>
                <input type="text" placeholder="输入手机号" v-model="phone">
            </li>
            <li v-if='isLoginShow == "true"'>
                <input type="password" class="pass-word" placeholder="输入密码" v-model="passWord">
                <i class="look" @click='toggleLook()'>
                    <img src="__CDN__/assets/mobile/img/not-look.png">
                </i>
            </li>
            <li>
                <input type="text" placeholder="输入验证码" v-model="wordCode">
                <img src="{:captcha_src()}" class="word-code" onclick="this.src = '{:captcha_src()}?r=' + Math.random();">
            </li>
            <li v-if='isLoginShow == "false"'>
                <input type="text" placeholder="短信验证码" v-model="infoCode">
                <span class="get-code" @click="gainCode()">获取验证码</span>
                <span class="count-down hide"><span></span>s</span>
            </li>
            <li v-if='isLoginShow == "false"'>
                <input type="password" placeholder="密码建议至少使用两种字符组合" v-model="registerPassWord">
            </li>
        </ul>
        <div class="login-bottom clearfix">
            <div class="login-bottom-l fl">
                <input type="radio" class="choose fl">
                <span class="fl">记住我</span>
            </div>
            <a href="javascript:;" class="login-bottom-r fr">忘记密码?</a>
        </div>
        <div class="login-btn" v-if="isLoginShow == '{$show_login}'" @click="loginSubmit()">
            <a href="javascript:;">立即登录</a>
        </div>
        <div class="register-btn" v-if="isLoginShow == '{$show_register}'" @click="registerSubmit()">
            <a href="javascript:;">立即注册</a>
        </div>
        <div class="login-hint">提示:租号玩账号可直接登录</div>
    </div>
</body>
<script type="application/javascript">
    var show_login =  '{$show_login}';
    var show_register = "{$show_register}";
</script>
<script type="text/javascript" src="__CDN__/assets/mobile/lib/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="__CDN__/assets/mobile/lib/vue.js"></script>
<script type="text/javascript" src="__CDN__/assets/mobile/lib/layer/layer.js"></script>
<script type="text/javascript" src="__CDN__/assets/mobile/js/login.js"></script>
</html>